<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="box">
        
    </div>  
</body>
<script>
    //  ` 增强型字符串扩展运算符   可以插入html代码  也可以变量运算  还可以调用函数     ` 模板字符串原理  正则
    document.getElementById("box").innerHTML =
    
    `
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>    
    `
    let x=10,y=20;

    console.log(`${x}+${y}=${x+y}`)

    let obj = {a:10,b:20}
    console.log(`${obj.a+obj.b}`)

    function fn() {
        return "hello 2012a students"
    }
    console.log(`${fn()}`)


    let  url = "https://www.baidu.com/index.html/123123";

    if (url.startsWith("http://")) {
        console.log("普通的网址")
    } else if(url.startsWith("https://")){//ssl  套接字
        console.log("加密验证的网址")
    }else if(url.startsWith("git://")){//码云
        console.log("git的网址")
    }else if(url.startsWith("svn://")){
        console.log("svn的网址")
    }
    else {
        console.log("其他的网址")
    }


    let str = "1.jpg";

    if (str.endsWith(".jpg")) {
        console.log("jpg的图片")
    } else if(str.endsWith(".json")){//ssl  套接字
        console.log("json的数据")
    }else if(str.endsWith(".txt")){//码云
        console.log("文本文件")
    }else if(str.endsWith(".css")){
        console.log("样式文件")
    }
    else {
        console.log("其他结尾的文件")
    }


    let a=8;

    if (a>1) {
        console.log("1")
    } else if(a>2){//
        console.log("2")
    }else if(a>5){//
        console.log("5")
    }else if(a>10){
        console.log("10")
    }
    else {
        console.log("其他数字")
    }

    //开关语句  switch 穿透
    var  b = 10;
    switch(b){  

      

        case 1:
        console.log(1)
        break;
        case 2:
        console.log(2)
        break;       
       
        case 3:
        console.log(3)
        break;
        case 4:
        console.log(4)
        break;
        
        default:
        console.log("其他")  
       
    }

</script>
</html>